@use "../../common" as common;
@use "../../bs" as bs;

$vs-state-active-bg: bs.$blue;
@import "~vue-select/src/scss/vue-select.scss";

.vs__search {
  padding: 0;
}

.vs__selected-options {
  flex: none;
}
.vs__clear {
  //display: block !important;
  width: .1rem;
}
.vs--single {
  .vs__selected {
    background-color: transparent;
    border-color: transparent;
  }
  &.vs--open .vs__selected {
    position: static;
    opacity: .4;
    //width: 1.7rem;
  }
  &.vs--searching .vs__selected {
    display: none;
  }
}

$input-padding-y: .1rem;
$input-padding-x: .1rem;
.custom-area-select.distpicker-address-wrapper {
  font-size: .16rem;
  padding: 0;
  display: flex;

  label {
    margin-bottom: 0;
    + label {
      margin-left: .14rem;
    }
  }
}

.modalb {
  .modal-close {
    display: none;
  }
}

.modalb-c {
  width: 6.6rem;
  margin-left: auto;
  margin-right: auto;
  .mx-auto {
    padding-left: .3rem;
    padding-right: .3rem;
  }
  .mx-r {
    padding-right: .3rem;
  }
}

.modala-c {
  width: 3.86rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: .36rem;
  padding-right: .36rem;
  box-sizing: border-box;
  &__title {
    font-size: .22rem;
  }
  &__p {
    font-size: .12rem;
    &:nth-child(n + 2) {
      margin-top: .05rem;
    }
  }
  &__b {
    width: 1.4rem;
    height: .48rem;
    line-height: .48rem;
  }
}

.modala .modal-close {
  display: none;
}
